<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="选择地址" class="dialogStyleBase" width="1000px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="main">
        
        <div :class="'item item'+index" v-for="(item, index) in list" :key="index" v-if="index<levelNum" v-loading="loading==index">

            <div class="title">{{item.name}}</div>
            <div class="list">
                <div :class="'li ' + (item.select === iindex)" v-for="(iitem, iindex) in item.list" :key="iindex" 
                    @click="getList(iitem.id, index + 1)">
                    <div class="name">{{iitem.areaName}}</div>
                    <div class="code">{{iitem.id}}</div>
                    <div class="go"><i class="el-icon-arrow-right"></i></div>
                </div>
            </div>
            <div class="kong" v-if="item.list.length<=0">暂无数据</div>

        </div>
    </div>

    <div slot="footer" class="footer">
        <div class="l" v-if="list[0].select>=0">
            <div class="text">已选：</div>
            <div class="tt" v-for="(item, index) in list" :key="index" >
                <div class="t" v-for="(iitem, iindex) in item.list" v-if="item.select === iindex" :key="iindex">{{iitem.areaName}}</div>
            </div>
            
        </div>
        <div class="l"  v-else><div class="text">未选</div></div>
        <div class="r">
            
            <el-button @click="editBoxCancel()">取 消</el-button>
            <el-button type="primary" @click="submit()" :disabled="!isOk">确定</el-button>
        </div>
    </div>
</el-dialog>